<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>发票管理</title>
<link href="/css/user/buy/css.css" rel="stylesheet" type="text/css" />
<link href="/css/user/users/member_center.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="/css/dialog.css" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src = "/js/dialog.min.js"></script>
<script type="text/javascript" src = "/js/bstdialog.min.js"></script>
<script type="text/javascript" src="/js/member-center.js"></script>
<script type="text/javascript" src="/js/user/users/member_center/menu_line.js"></script>
<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/ajaxDataFormat.js"></script>
<script src="/js/user/users/finance/invoice_manage/invoice.js"></script>
<style type="text/css">
#u72 {
  position:absolute;
  left:100px;
  top:54px;
  width:120px;
  height:22px;
  font-size:12px;
  color:#666666;
  text-align:left;
}
#u72_img {
  position:absolute;
  left:0px;
  top:0px;
  width:120px;
  height:22px;
}
#u73 {
  position:absolute;
  left:2px;
  top:4px;
  width:116px;
  word-wrap:break-word;
}
/* 返回收支列表 */
#returnInvoiceList{float:right;color: #06C;margin:8px 8px 0 0;}
#myTab{background-color:#fff;}
/*现金收支明细，查看详情*/

.taright {text-align: right !important;}
.trade_box{border: 1px solid #CCC;border-radius:3px 3px 0 0;}
.trade_box table {border-collapse: collapse;border-spacing: 0;width:100%;}
.trade_box table td{border-top: 1px solid #CCC;padding:8px 5px;text-align:left;height:20px;line-height:20px;}
.title_bar {
	margin-bottom: 0;
	z-index: 999;
}
.title_bar ul {
	overflow: visible;
}
.tab_container {
	position: static;
	border: 1px solid #ccc;
	padding: 20px ;
}
#myTab li {
	position: relative;
	top: 1px;
	z-index: 99;
}

.member_r .tabs .getinvoice {
	float: right;
	margin-top: 0;
	border-right: none;
	
}
.member_r .tabs .getinvoice a {
	color: #fff;
	padding: 4px 6px;
}
.invoice_list input[type="text"] {
	padding: 4px 6px;
}
</style>
</head>
<body>
	<div class="Wrapper">
		<!--财务管理头部-->
		<jsp:include page="../../../common/member/memberHeader.jsp"></jsp:include>
		<!--财务管理头部-->
		<!--财务管理中间部分-->
		<div class="uc_bd mt20 mb20 ">
			<div class="uc_layer">
				<div class="account">
					<!--财务管理左侧-->
					<jsp:include page="../../../common/finance/finance_left.jsp"></jsp:include>
					<!--财务管理左侧-->
					<!--基本资料右侧-->
					<div class="member_r fr">
						<div class="uitopb uitopb_border">
							<div class="lm-t tabs">财务管理>发票管理</div>
							<div class="uc_content order">
								<!--发票管理开始-->
								
								<div>
									<div class="title_bar">
										<a href="javascript:void(0)" id = "returnInvoiceList" style="display:none;">返回发票列表</a>
										<ul class="tabs cle" id="myTab">
											<li class="active" onclick="nTabs(this,0);"><a
												href="javascript:void(0)" style="margin: 0 0">所有发票</a></li>
											<li class="sta" onclick="nTabs(this,1);"><a href="javascript:void(0)"
												style="margin: 0 0">待邮寄</a></li>
											<li class="getinvoice">
												<c:if test="${invoiceModel != null && invoiceModel !=''}">
													<a class="basicbtn" href="/finance/invoice/invoiceDemandDetail" >索取发票</a>
												</c:if>
												<c:if test="${invoiceModel == null || invoiceModel ==''}">
													<a class="basicbtn" href="/finance/invoice/invoiceDemand" >索取发票</a>
												</c:if>
											</li>
										</ul>
									</div>
									<div class="tab_container">
										<div id="myTab_Content0" class="tab_content"
											style="display: block;">
												<div class="invoice_list">
												<label> 时间范围：</label> 
													<input type="text" name="startTime" style="width:100px;" readonly  value="" id="startTime" placeholder="开始时间" onClick="WdatePicker()" class="Wdate"/> 
												<label>至</label> 
													<input type="text" name="endTime" style="width:100px;" readonly id="endTime" value="" placeholder="结束时间" onClick="WdatePicker()" class="Wdate"/>
												<span style="margin-left:16px;"> 
<!-- 												<label> 关键字：</label> -->
<!-- 													<input type="text" name="invoiceTitle" id="invoiceTitle" style="width:100px;" placeholder="发票抬头" /> -->
												
													<input type="button" name="button" id="search" value="查询" class="basicbtn" onclick="initInvoiceDetail()"
													style="margin-left: 20px; width: 80px; height: 30px;" />
												</span>
												<div class="account shopping mt20">
													<table class="cart-table" id="tradeTable"
														style="border: 0px; width: 760px;">
														<thead>
															<tr class="tabs cle">
																<th>发生时间</th>
																<th>发票抬头</th>
																<th>发票金额（元）</th>
																<th>状态</th>
																<th>操作</th>
															</tr>
														</thead>
														<tbody class="item_content" id="invoiceDetailList0">
														</tbody>
													</table>
												</div>
												<div class="clear"></div>
											</div>
										</div>
										<div id="myTab_Content1" class="tab_content" style="display: none;">
											<div class="invoice_list">
												<input type="hidden" id="invoiceState" value="1">
												<label> 时间范围：</label> 
													<input type="text" name="moneyStartTime" style="width:100px;" readonly value="" id="moneyStartTime" placeholder="开始时间" onClick="WdatePicker()" class="Wdate"/> 
												<label>至</label> 
													<input type="text" name="moneyEndTime" style="width:100px;" readonly id="moneyEndTime" value="" placeholder="结束时间" onClick="WdatePicker()" class="Wdate">
												<span> 
													<input type="button" name="monerSearch" id="monerSearch" value="查询" class="basicbtn" onclick="initInvoicePart()"
													style="margin-left: 20px; width: 80px; height: 30px;" />
												</span>
												<div class="account shopping mt20">
													<table class="cart-table" id="tradeTable"
														style="border: 0px; width: 760px;">
														<thead>
															<tr class="tabs cle">
															<th>发生时间</th>
															<th>发票抬头</th>
															<th>发票金额（元）</th>
															<th>状态</th>
															<th>操作</th>
														</tr>
														</thead>
														<tbody class="item_content" id="invoiceDetailList1">
														</tbody>
													</table>
												</div>
												<div class="clear"></div>
											</div>
										</div>
										<div class="tab_content">
											<div class="invoice_detail" style = "display:none;">
												<div class="trade_box">
													<table class="gridTable">
														<tbody>
															<tr>
																<td width="20%" class="taright">发票抬头：</td>
																<td width="30%"><span id="invoiceTitle1"></span></td>
																<td width="20%" class="taright">发票金额(元)：</td>
																<td><span id="invoiceMoney"></span></td>
															</tr>
															<tr class="alt">
																<td width="20%" class="taright">开具类型：</td>
																<td width="30%"><span id="openType"></span>
																</td>
																<td width="20%" class="taright">发票类型：</td>
																<td><span id="invoiceType"></span></td>
															</tr>
															<tr id="business_type_and_id" class="alt">
																<td width="20%" class="taright">开票时间：</td>
																<td width="30%"><span id="addTime"></span>
																</td>
																<td width="20%" class="taright">发票状态：</td>
																<td width="30%"><span id="invoiceState1"></span></td>
															</tr>
															<tr id="business_type_and_id" class="alt">
																<td width="20%" class="taright">收件人：</td>
																<td width="30%"><span id="receiverName"></span></td>
																<td width="20%" class="taright">收件人电话：</td>
																<td width="30%"><span id="userTell"></span></td>
															</tr>
															<tr id="business_type_and_id" class="alt">
																<td width="20%" class="taright">寄送地址：</td>
																<td width="30%" colspan="3"><span id="address"></span></td>
															</tr>
															<tr id="business_type_and_id" class="alt">
																<td width="20%" class="taright">快递类型：</td>
																<td width="30%"><span id="deliveryType"></span></td>
																<td width="20%" class="taright">快递单号：</td>
																<td width="30%"><span id="deliveryNum"></span></td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</div>
										
									</div>
								</div>
								
								<!--发票管理结束-->
							</div>
						</div>
					</div>
					<!--财务管理右侧-->
					<div class="cl"></div>
				</div>
			</div>
		</div>
		<!--财务管理中间部分-->
		<!---------------------------------footer------------------------------------>
		<jsp:include page="../../../common/footer.jsp" />
		<!---------------------------------footer结束------------------------------------>
	</div>
</body>
</html>
